import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'
import 'amfe-flexible'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'Home',
      component: () => import('./views/Home.vue')
    },
    {
      path: '/GroupButton',
      name: 'GroupButton',
      component: () => import('./views/GroupButton.vue')
    },
    {
      path: '/avatar',
      name: 'Avatar',
      component: () => import('./views/Avatar.vue')
    },
    {
      path: '/badge',
      name: 'Badge',
      component: () => import('./views/Badge.vue')
    },
    {
      path: '/button',
      name: 'Button',
      component: () => import('./views/Button.vue')
    },
    {
      path: '/Xc40',
      name: 'Xc40',
      component: () => import('./views/Xc40.vue')
    }
  ]
})

const app = createApp(App)
app.use(router)
app.mount('#app')
